<div id="maincontent">

<h1>ECMAScript Function 对象（类）</h1>

<div id="tpn">

</div>


<div>
<p><strong>ECMAScript 的函数实际上是功能完整的对象。</strong></p>
</div>


<div>
<h2>Function 对象（类）</h2>

<p>ECMAScript 最令人感兴趣的可能莫过于函数实际上是功能完整的对象。</p>

<p>Function 类可以表示开发者定义的任何函数。</p>

<p>用 Function 类直接创建函数的语法如下：</p>

<pre>var function_name = new function(<i>arg1</i>, <i>arg2</i>, ..., <i>argN</i>, <i>function_body</i>)</pre>

<p>在上面的形式中，每个 <i>arg</i> 都是一个参数，最后一个参数是函数主体（要执行的代码）。这些参数必须是字符串。</p>

<p>记得下面这个函数吗？</p>

<pre>
function sayHi(sName, sMessage) {
  alert(&quot;Hello &quot; + sName + sMessage);
}
</pre>

<p>还可以这样定义它：</p>

<pre>
var sayHi 
= 
new Function(&quot;sName&quot;, &quot;sMessage&quot;, &quot;alert(\&quot;Hello \&quot; + sName + sMessage);&quot;);
</pre>

<p>虽然由于字符串的关系，这种形式写起来有些困难，但有助于理解函数只不过是一种引用类型，它们的行为与用 Function 类明确创建的函数行为是相同的。</p>

<p>请看下面这个例子：</p>

<pre>
function doAdd(iNum) {
  alert(iNum + 20);
}

function doAdd(iNum) {
  alert(iNum + 10);
}

doAdd(10);	<span>//输出 &quot;20&quot;</span>
</pre>

<p>如你所知，第二个函数重载了第一个函数，使 doAdd(10) 输出了 &quot;20&quot;，而不是 &quot;30&quot;。</p>

<p>如果以下面的形式重写该代码块，这个概念就清楚了：</p>

<pre>
var doAdd = new Function(&quot;iNum&quot;, &quot;alert(iNum + 20)&quot;);
var doAdd = new Function(&quot;iNum&quot;, &quot;alert(iNum + 10)&quot;);
doAdd(10);
</pre>

<p>请观察这段代码，很显然，doAdd 的值被改成了指向不同对象的指针。函数名只是指向函数对象的引用值，行为就像其他对象一样。甚至可以使两个变量指向同一个函数：</p>

<pre>
var doAdd = new Function(&quot;iNum&quot;, &quot;alert(iNum + 10)&quot;);
var alsodoAdd = doAdd;
doAdd(10);	<span>//输出 &quot;20&quot;</span>
alsodoAdd(10);	<span>//输出 &quot;20&quot;</span>
</pre>

<p>在这里，变量 doAdd 被定义为函数，然后 alsodoAdd 被声明为指向同一个函数的指针。用这两个变量都可以执行该函数的代码，并输出相同的结果 - &quot;20&quot;。因此，如果函数名只是指向函数的变量，那么可以把函数作为参数传递给另一个函数吗？回答是肯定的！</p>

<pre>
function callAnotherFunc(fnFunction, vArgument) {
  fnFunction(vArgument);
}

var doAdd = new Function(&quot;iNum&quot;, &quot;alert(iNum + 10)&quot;);

callAnotherFunc(doAdd, 10);	<span>//输出 &quot;20&quot;</span>
</pre>

<p>在上面的例子中，callAnotherFunc() 有两个参数 - 要调用的函数和传递给该函数的参数。这段代码把 doAdd() 传递给 callAnotherFunc() 函数，参数是 10，输出 &quot;20&quot;。</p>

<p class="important"><span>注意：</span>尽管可以使用 Function 构造函数创建函数，但最好不要使用它，因为用它定义函数比用传统方式要慢得多。不过，所有函数都应看作 Function 类的实例。</p>
</div>


<div>
<h2> Function 对象的 length 属性</h2>

<p>如前所述，函数属于引用类型，所以它们也有属性和方法。</p>

<p>ECMAScript 定义的属性 length 声明了函数期望的参数个数。例如：</p>

<pre>
function doAdd(iNum) {
  alert(iNum + 10);
}

function sayHi() {
  alert(&quot;Hi&quot;);
}

alert(doAdd.length);	<span>//输出 &quot;1&quot;</span>
alert(sayHi.length);	<span>//输出 &quot;0&quot;</span>
</pre>

<p>函数 doAdd() 定义了一个参数，因此它的 length 是 1；sayHi() 没有定义参数，所以 length 是 0。</p>

<p>记住，无论定义了几个参数，ECMAScript 可以接受任意多个参数（最多 25 个），这一点在《函数概述》这一章中讲解过。属性 length 只是为查看默认情况下预期的参数个数提供了一种简便方式。</p>

</div>


<div>
<h2>Function 对象的方法</h2>

<p>Function 对象也有与所有对象共享的 valueOf() 方法和 toString() 方法。这两个方法返回的都是函数的源代码，在调试时尤其有用。例如：</p>

<pre>
function doAdd(iNum) {
  alert(iNum + 10);
}

document.write(doAdd.toString());
</pre>

<p>上面这段代码输出了 doAdd() 函数的文本。<a target="_blank" href="/tiy/t.asp?f=jseg_tostring_function">亲自试一试</a>！</p>
</div>


<div id="bpn">

</div>




</div>
